<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <style media="screen">
      .outter{
        width: 500px;
        height: 500px;
        border: 1px red solid;
        margin: 0 auto;
        text-align: center;
        line-height: 500px;
      }
      .inner{
        width: 200px;
        height: 200px;
        background: red;
        display: inline-block;
        vertical-align: middle;
      }
    </style>
  </head>
  <body>
    <div class="outter">
      <div class="inner">

      </div>
    </div>
  </body>
</html>
